<script src="__STATIC__/web/js/echarts.min.js"></script>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width:900px !important;height:590px !important;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        xAxis: {
            type: 'category',
            data: {$times},
            axisLabel: {
                "margin": 8,
                "textStyle": {
                    "color": "#676767"
                }
            }
        },
        yAxis: {
            type: 'value',
            axisLabel:{
                formatter:'{value} (斤)'
            }
        },
        series: [{
            data: {$weights},
            type: 'line',
        }],
        tooltip : {
            textStyle:{
                align:'left'
            },
            trigger: 'item',
            //自定义echarts tooltip的显示位置，当鼠标移动到图表的左部时tip显示在右边，当鼠标移动到图表的右部时tip显示在左边
            position:function(position){
                return [position[0]+20, position[1]];
            },
            formatter:'{b0} <br/> {c0} kg'
        }
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>